<template>
    <div class="box profile-details">
        <div class="settings-menu p-0">
            <div class="profile-heading">
                <h3>修改密码</h3>
                <p>密码只能由数字，大写字母，小写字母构成，最少为6位.</p>
            </div>
            <div class="checkout-form personal-address">

                <div class="row">
                    <div class="col-lg-6">
                        <form action="#">
                            <div class="form-group">
                                <label class="form-control-label">当前密码</label>
                                <input type="password" class="form-control" placeholder="请输入当前密码">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">新密码</label>
                                <div class="pass-group" id="passwordInput">
                                    <input type="password" class="form-control pass-input" placeholder="请输入新密码">
                                </div>
                                <div class="password-strength" id="passwordStrength">
                                    <span id="poor"></span>
                                    <span id="weak"></span>
                                    <span id="strong"></span>
                                    <span id="heavy"></span>
                                </div>
                                <div id="passwordInfo"></div>
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">确认新密码</label>
                                <input type="password" class="form-control" placeholder="请再次输入新密码">
                            </div>
                            <div class="update-profile save-password">
                                <button type="button" class="btn btn-primary">确认密码</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>